<template>
	<view >
		<view v-for="(good,index) in list" :key="index" class="child-img" @tap="openChild(good)">
			<!-- <video  class="child-void" :src="good.mvurl" :poster="good.taraHunt" @error="videoErrorCallback"  v-if="index<=1 && good.mvurl!=''"></video> -->
			<!-- <image class="child-img" :src="good.taraHunt" mode="widthFix" v-if="index>=2"/> -->
			<uni-lazy-image :realSrc="good.taraHunt" :placeholdSrc="placeholdSrc" @load="doload" v-if="good.mvurl==''" class="child-icon"></uni-lazy-image>
		</view>
		
	</view>
</template>

<script>
	import UniLazyImage from "@/components/uni-lazy-image/uni-lazy-image"
	export default {
		components: {
			UniLazyImage
		},
		props:{
			list: {
				type: Array,
				default(){
					return []
				}
			},
			placeholdSrc:{
				type:String,
				default:'/static/home_image_hold.png'
			}
		},
		methods:{
			doload(){
				
			},
			openChild(item){
				this.$emit('openChild',item)
			}
		}
	}
</script>

<style>
	.child-img{
		width:700upx;
		/* margin-bottom: 20upx; */
	}
	.child-void{
		width:700upx;
	}
	.child-icon{
		vertical-align: middle;
	}
</style>
